﻿@charset "gb2312";
@import url(css1.css);
@import url(anim.css);
@import url(animation2.css);
/*首页*/
.i_bg{ background-color:#f5f5f5; overflow:hidden;}
.i_one{ background-color:#fff; overflow:hidden; height:316px;  margin:0 auto; margin-bottom:32px;}
.i_service_t{ text-align:center; padding-top:15px; color:#666; font-size:18px; line-height:32px; padding-bottom:50px;}
.i_service_t h2{ height:66px; line-height:66px; font-size:40px; color:#000000; font-weight:normal; letter-spacing:1px; font-family:"微软雅黑";}
.i_service_t p{font-size:18px;}
/*解决方案*/
.solutioncon{ height:874px; overflow:hidden; background:url(../img/i_bg1.jpg) center center  no-repeat;}
.solutioncon .solutioncon_l{ width:48%; max-width:550px; float:left; overflow:hidden; color:#fff;}
.solutioncon .solutioncon_l .divhidden{ display:none;}
.solutioncon .solutioncon_l .h2{ font-size:40px; font-weight:normal; line-height:72px; margin-top:223px; margin-bottom:42px;font-family:"微软雅黑"; }
.solutioncon .solutioncon_l .p{ font-size:20px; font-family:"微软雅黑";line-height:36px; overflow:hidden; margin-bottom:52px; max-width:435px;}
.solutioncon .solutioncon_l
.guwenmore3{ display:block; width:50px;height:50px; line-height:50px;text-align:center;   clear:both; overflow:hidden;transition:all 0.3s; border:2px solid #fff; border-radius:50%;}
.guwenmore3 i{ display:block; width:100%; height:100%;background:url(../img/i_bg2.png) center center no-repeat;animation: ani-svg2 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg2 0.85s linear 0s alternate infinite;-moz-animation: ani-svg2 0.85s linear 0s alternate infinite;}
.guwenmore3:Hover{opacity:0.6;filter:Alpha(opacity=60);}
@keyframes ani-svg2{
	0%{
	  opacity: 0;
	  transform: translateX(-12px);
	}
    25%{
      opacity: 0.25;
	  transform: translateX(-10px);
	}
    50%{
      opacity: 0.5;
	  transform: translateX(0px);
	}
	75%{
	  opacity: 0.75;
	  transform: translateX(10px);
	}
	100%{
	  opacity: 1.0;
	  transform: translateX(12px);
	}
}
@-webkit-keyframes ani-svg2{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateX(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateX(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateX(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateX(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateX(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateX(15px);
	}
}
@-moz-keyframes ani-svg2{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateX(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateX(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateX(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateX(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateX(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateX(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateX(15px);
	}
}
.solutioncon .solution_ul{width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); float:right; overflow:hidden; border-right:1px solid #495a6f;border-bottom:1px solid #495a6f; margin-top:157px;}
.solutioncon .solution_ul ul li{ float:left; height:279px;width:calc(50% - 1px);width:-webkit-calc(50% - 1px);width:-moz-calc(50% - 1px); border-top:1px solid #495a6f; border-left:1px solid #495a6f; text-align:center; position:relative; overflow:hidden;}
.solutioncon .solution_ul ul li a{ position:absolute; width:100%; height:100%; z-index:9999; top:0; left:0;}
.solutioncon .solution_ul ul li .shade{width:100%;height:100%;background:#f67524;position:absolute;transform:rotate(-90deg);top:-120%;left:-10%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solutioncon .solution_ul ul li img{ height:58px; display:block; margin:0 auto; margin-bottom:27px; margin-top:71px; position:relative;}
.solutioncon .solution_ul ul li strong{ display:block; text-align:center; height:84px; line-height:84px; background:url(../img/i_bg3.png) center top no-repeat; font-size:20px; color:#fff; font-weight:normal; position:relative;}
.solutioncon .solution_ul ul li:hover .shade{top:0; left:0;transform:rotate(0deg);}
.solutioncon .solution_ul ul li p{ display:none;}
.solutioncon .solution_ul ul li .CorebgColour{width:100%;height:100%;z-index: -1;padding: 1px; margin: -1px;background:#f67524;position:absolute;left:0;top:0;transition: all 0.1s linear;-moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;filter: Alpha(Opacity=0);opacity: 0;}
.solutioncon .solution_ul ul li:hover .CorebgColour{ z-index:99; filter: Alpha(Opacity=100);opacity: 1.0;}

/*我们的圈子*/
.new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;}
.flexslider{ margin-top:60px; overflow:visible;}
.news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;}
.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}
.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../img/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}
.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}
.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;/* text-overflow:ellipsis; white-space:nowrap;*/}
.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_lone:hover .blog_infTop{background:url(../img/i_bg4.png) 95% center #fff no-repeat;}
.news_lone:hover .blog_title{ color:#f67524;}
.blog_r{ width:66.6%; height:520px; text-align:left;}
.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; }
.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.l li:last-child{ margin-bottom:0;}
.blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}
.blog_list.r li:last-child{ margin-bottom:0;}
.blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}
.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../img/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}
.blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; font-family:"微软雅黑";}
.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}
.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}
.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}
.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}
.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}
.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}
/*.blog_list.l li:hover{background-color:#f67524;}
.blog_list.l li:hover a{ color:#fff;}*/
.blog_list.l li:hover .blog_Rtime{background:url(../img/i_bg5.png) 100% center no-repeat;}
/*.blog_list.l li:hover .blog_Rmore b{ color:#fff;}
.blog_list.l li:hover .blog_Rtime b{ color:#fff;}*/

.blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}
.blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;}
.blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block; font-family:"微软雅黑";}
.blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../img/i_bg6.png) left bottom no-repeat;}
.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}
.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;}
.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}
.blog_list.r li:hover .blog_Rmore b{color:#f67524;}
.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../img/i_bg5.png) left center no-repeat;transition:all 0.3s;}
.blog_list li:hover{/*box-shadow:0 0 20px rgba(0,0,0,.2)*/ box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}
/*.blog_list.r li:hover{background-color:#f67524;}
.blog_list.r li:hover a{ color:#fff;}
.blog_list.r li:hover .blog_Rmore b{ color:#fff;}*/
.blog_list.r li:hover .blog_Rtime b{ /*color:#fff;background:url(../img/i_bg6_on.png) left bottom no-repeat;*/}
.blog_list.r li:hover .blog_Rmore span{background:url(../img/i_bg5.png) 5% center no-repeat;}

.service_top05{ width:440px; margin:0 auto; height:50px;color:#2c2c2c;}
.service_top05_left{ width:290px; float:left; font-size:36px; text-align:center;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.service_top05_right{ width:138px; float:right; text-align:left; font-size:30px;}
.service_top05 span{color:#f3782a; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.service_top05_a{ text-align:center; margin-top:10px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.service_top05_a a{ display:inline-block; font-size:16px; color:#000000;  line-height:38px; margin-left:5px; margin-right:5px; width:140px; border-radius:20px;}
.service_top05_a a:hover{ color:#fff; background-color:#f67524;}
.service_top05_a a.two_sel{color:#fff; background-color:#f67524;}

/*联系我们*/
.i_contact{height: 666px;overflow: hidden; background: url(../img/i_bg7.jpg) no-repeat center top;}
.i_contact_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; font-family:"微软雅黑"; letter-spacing:2px;}
.i_contact_ul{ float:left; width:31.3%; max-width:418px; overflow:hidden; margin-top:80px; color:#fff;}
.i_contact_ul ul li{ display:block; font-family:"微软雅黑";border-bottom:1px solid #617e8c;}
.i_contact_ul ul li a{ color:#fff;}
.i_contact_ul ul li a:hover{ color:#f67524;}
.i_contact_ul ul li:first-child{ padding-top:9px; height:97px; line-height:26px; font-size:24px;}
.i_contact_ul ul li:first-child a{ color:#fff;}
.i_contact_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; font-family:"微软雅黑"; margin-top:3px;}
.i_contact_ul ul li:nth-child(2){ padding-top:10px; height:200px; line-height:60px;}
.i_contact_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_ul ul li:nth-child(2) img{ float:left; width:190px; height:190px; margin-right:10px;transition: all 0.3s;}
.i_contact_ul ul li:nth-child(2) img:hover{opacity:1;filter:Alpha(opacity=100);}
.i_contact_ul ul li:nth-child(2) .wem1{    width: 203px;display: none; color: #363636;  text-align: center; padding-top: 215px;  position: absolute; margin-left:20px; top: -205px; background-image: url(../img/ewm.png); background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../img/ewm2020.png);background-repeat: no-repeat;}
.i_contact_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:18px; line-height:30px;}
.i_contact_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;}
.i_contact_r{ float:right; width:66.6%; overflow:hidden;margin-top:80px; background:#ffffff; height:506px; }
.i_contact_r .i_contact_t{ color:#000;}
.i_contact_r .i_contact_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_r .i_contact_r_div ul li{ height:68px; line-height:68px;float:left; width:100%; margin-bottom:20px;}
.i_contact_r .i_contact_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_r .i_contact_r_div ul li div .inputs{ width:100%; border:0; height:68px; text-indent:20px; background:none; color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none;}
.i_contact_r .i_contact_r_div ul li:nth-child(3){ width:49%; }
.i_contact_r .i_contact_r_div ul li:nth-child(4){ width:49%; float:right; }
.i_contact_r .i_contact_r_div ul li .bnts{width: 100%; height: 68px;  display: block; background: #f67524; border: 1px #f67524 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.i_contact_r .i_contact_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}


/*内页联系我们*/
.i_contact_nei{height: 666px;overflow: hidden; background: url(../img/i_bg7.jpg) no-repeat center top;}
.i_contact_nei_t{ margin-top:20px; height:96px; line-height:96px; font-size:40px; color:#fff; font-family:"微软雅黑"; letter-spacing:2px;}
.i_contact_nei_ul{ float:left; width:31.3%; max-width:418px; overflow:hidden; margin-top:0px; color:#fff;}
.i_contact_nei_ul ul li{ display:block; font-family:"微软雅黑";border-bottom:1px solid #617e8c;}
.i_contact_nei_ul ul li a{ color:#fff;}
.i_contact_nei_ul ul li a:hover{ color:#f67524;}
.i_contact_nei_ul ul li:first-child{ padding-top:9px; height:97px; line-height:26px; font-size:24px;}
.i_contact_nei_ul ul li:first-child a{ color:#fff;}
.i_contact_nei_ul ul li:first-child a:hover span{color:#f67524;}
.i_contact_nei_ul ul li:first-child span{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:36px; font-weight:normal; font-family:"微软雅黑"; margin-top:3px;}
.i_contact_nei_ul ul li:nth-child(2){ padding-top:10px; height:200px; line-height:60px;}
.i_contact_nei_ul ul li:nth-child(2) a{ position:relative;}
.i_contact_nei_ul ul li:nth-child(2) img{ float:left; width:190px; height:190px; margin-right:10px;transition: all 0.3s;}
.i_contact_nei_ul ul li:nth-child(2) img:hover{opacity:1;filter:Alpha(opacity=100);}
.i_contact_nei_ul ul li:nth-child(2) .wem1{    width: 203px;display: none; color: #363636;  text-align: center; padding-top: 215px;  position: absolute; margin-left:20px; top: -205px; background-image: url(../img/ewm.png); background-repeat: no-repeat;}
.i_contact_nei_ul ul li:nth-child(2) a:hover .wem1{ display:block;}
.i_contact_nei_ul ul li:nth-child(2) .wem2{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -158px;top: -205px;background-image: url(../img/ewm2020.png);background-repeat: no-repeat;}
.i_contact_nei_ul ul li:nth-child(2) a:hover .wem2{ display:block;}
.i_contact_nei_ul ul li:nth-child(3){ border-bottom:0; padding-top:34px; font-size:18px; line-height:30px;}
.i_contact_nei_ul ul li:nth-child(3) img{ float:left; width:40px; height:48px; margin-right:20px; margin-top:5px;}
.i_contact_nei_r{ float:right; width:66.6%; overflow:hidden;margin-top:0px; background:#ffffff; height:606px; }
.i_contact_nei_r .i_contact_nei_t{ color:#000;}
.i_contact_nei_r .i_contact_nei_r_div{ width:94%; max-width:880px; overflow:hidden; margin:0 auto;}
.i_contact_nei_r .i_contact_nei_r_div ul li{ height:68px; line-height:68px;float:left; width:100%; margin-bottom:20px;}
.i_contact_nei_r .i_contact_nei_r_div ul li div{ border:1px solid #dfdfdf; overflow:hidden; }
.i_contact_nei_r .i_contact_nei_r_div ul li div .inputs{ width:100%; border:0; height:68px; text-indent:20px; background:none; color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none;}
.i_contact_nei_r .i_contact_nei_r_div ul li:nth-child(3){ width:49%; }
.i_contact_nei_r .i_contact_nei_r_div ul li:nth-child(4){ width:49%; float:right; }
.i_contact_nei_r .i_contact_nei_r_div ul li .bnts{width: 100%; height: 68px;  display: block; background: #f67524; border: 1px #f67524 solid; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.i_contact_nei_r .i_contact_nei_r_div ul li .bnts:hover{opacity:0.6;filter:Alpha(opacity=60);}
